<nz-spin *ngIf="isSpin" class="spin" nzSimple ></nz-spin> 
  <form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="submitForm()">
    <!-- 地址 -->
    <nz-form-item>
        <nz-form-label [nzSm]="6" [nzXs]="24"  nzFor="site">地址</nz-form-label>
        <nz-form-control>
          <!-- <input nz-input formControlName="site" id="site" /> -->
          <p id="site">{{DetailAddress}}</p>
        </nz-form-control>
    </nz-form-item>
    <!-- 原价租金 -->
    <nz-form-item>
        <nz-form-label [nzSm]="6" [nzXs]="24"  nzFor="rent">原租金</nz-form-label>
        <nz-form-control>
          <!-- <input nz-input formControlName="rent" id="rent" /> -->
          <p id="rent">{{rent}}元/每月</p>
        </nz-form-control>
    </nz-form-item>
    <!-- 折扣后租金 -->
    <nz-form-item>
      <nz-form-label [nzSm]="6" [nzXs]="24"  nzFor="rent">折后租金</nz-form-label>
      <nz-form-control>
        <!-- <input nz-input formControlName="rent" id="rent" /> -->
        <p id="rent" style="color: #F0935F;">{{Discounted}}元/每月</p>
      </nz-form-control>
  </nz-form-item>
    <!-- 押金 -->
    <nz-form-item>
        <nz-form-label [nzSm]="6" [nzXs]="24"  nzFor="deposit">押金</nz-form-label>
        <nz-form-control>
          <!-- <input nz-input formControlName="rent" id="rent" /> -->
          <p id="deposit">{{rent}}</p>
        </nz-form-control>
    </nz-form-item>
    <!-- 期限 -->
    <nz-form-item>
        <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="time">期限</nz-form-label>
        <nz-form-control nzErrorTip="请选择期限" id="time">
            <nz-select [(ngModel)]="time" formControlName="time" nzPlaceHolder="请选择期限" name="time">
                <nz-option  [nzLabel]="'6个月'" nzValue='6'></nz-option>
                <nz-option [nzLabel]="'1年'" nzValue='12'></nz-option>
            </nz-select>
        </nz-form-control>
    </nz-form-item>
    <!-- 支付方式 -->
    <nz-form-item>
        <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="Methods">支付方式</nz-form-label>
        <nz-form-control nzErrorTip="请选择支付方式" id="Methods">
            <nz-select [(ngModel)]="Methods" formControlName="Methods" nzPlaceHolder="请选择支付方式" name="Methods" (nzFocus)="changeTime()">
                <nz-option [nzLabel]="'月付'" nzValue='1' ></nz-option>
                <nz-option [nzLabel]="'季付'"  nzValue='3' ></nz-option>
                <nz-option *ngIf="!this.isNotHaveYear" [nzLabel]="'年付'"  nzValue='12' ></nz-option>
            </nz-select>
        </nz-form-control>
    </nz-form-item>
    <!-- 备注 -->
    <nz-form-item>
        <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="userName">备注</nz-form-label>
      <nz-form-control >
          <textarea [(ngModel)]="remark" nz-input rows="2" placeholder="write any thing"></textarea>
      </nz-form-control>
    </nz-form-item>
    <button nz-button class="login-form-button login-form-margin" (click)="goContract()">生成合同模板</button>
  </form>